Programmeren 5

VOS realisatie Views en Controller

Doelstelling

1. We gaan ervan uit dat je volgende lesonderdelen hebt doorlopen:
   1. Programmeren 5 VOS definitie - ontwerp - realisatie CSS
   2. Programmeren 5 VOS realisatie fase backend en model
2. Je leert het MVC patroon toe te passen, niet door een framework te gebruiken maar door zelf de code volgens dit patroon te ordenen. Door het één keer zelf te doen krijg je beter inzicht in de redenen waarom het MVC patroon zo goed geschikt is voor web-app's.
3. Na deze les:
   1. weet je hoe je het model in views presenteert;
   2. kan gegevens uit een JSON bestand dynamisch aan de HTML op de pagina toevoegen (rendering);
   3. kan je de interactie met de gebruiker onderbrengen in één controller;
   4. kan je je aanmelden op een app met behulp van Google OAuth;

Leerpad

De Veilig op school (VOS) applicatie

1. Theorie MVC patroon
   1. MVC pattern
   2. MVC view
   3. MVC controller
   4. MVC geschiedenis
2. Filmpje: Overzicht realisatie VOS
3. Realisatie fase views
   1. Om de views te maken vertrekken we van VOS - Ontwerp Wireframes.
   2. VOS is een single page app. Om dit te implementeren passen we het tower pattern toe.
   3. VOS - realisatie view voor use case home-index
   4. VOS - realisatie view voor use case brand-index
   5. VOS - realisatie view voor use case accident-index
   6. VOS - realisatie view voor use case psycho-social-risk-index
   7. VOS - realisatie view voor use case terror-index
   8. VOS - realisatie view voor use case home-loggingin
   9. VOS - realisatie view voor use case view-procedure
4. Realisatie fase Rendering
   1. VOS - rendering
5. Realisatie fase controller
   1. VOS - de dispatcher
   2. VOS - Controller
6. Realisatie fase VOS - Aan- en afmelden
7. Plugin's: Cordova - plugins
   1. geolocatie:
      1. Cordova - Geolocation
      2. VOS - Geolocatie
   2. telefoneren:
      1. Cordova - telephone
      2. VOS - Telefoneren
   3. sms versturen:
      1. Cordova - sms
      2. VOS - SMS versturen

Opdracht

1. Zorg ervoor dat je de code voor de views en de controller in je VOS Cordova project hebt geïntegreerd tegen de volgende les. Je moet die opdracht niet insturen.
2. Integreer Google OAuth in de VOS app.
3. Synchroniseer alleen de WWW map met Bitbucket en Cloud9. In de commit message staat: "VOS Views en controller".
4. Stuur een tekstbestand door via onderstaande link met een link naar Cloud9 en Bitbucket.
5. Op het examen moet je de app op een Android of iOS toestel kunnen demonstreren.